<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素阴影</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: #ff0;
            /* box-shadow: 15px[x轴左右位移 正数向右]
                           15px[y轴上下位移 正数向下]
                           15px[阴影羽化值 数值越大虚化程度越大 0表示不虚化]
                           5px[阴影扩展范围 数值越大 范围越大]
                           #0aa1ed[阴影颜色] */
            box-shadow: 15px 15px 15px 5px #0aa1ed;
        }
    </style>
</head>
<body>
<div></div>
</body>
</html>